@mixin block-center {
  @include v-center;
  justify-content: center;
}

@mixin v-center {
  display: flex;
  align-items: center;
}

@mixin single-line-text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  -webkit-box-orient: vertical;
}

@mixin multi-line-text-overflow($line: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $line;
  -webkit-box-orient: vertical;
}

@mixin fz36 {
  font-size: 36rpx;
  // line-height: 50rpx;
}

@mixin fz32 {
  font-size: 32rpx;
  // line-height: 45rpx;
}

@mixin fz28 {
  font-size: 28rpx;
  // line-height: 40rpx;
}

@mixin fz24 {
  font-size: 24rpx;
  // line-height: 33rpx;
}

@mixin fz22 {
  font-size: 24rpx;
  transform: scale(0.9167);
  // line-height: 30rpx;
}

@mixin fz20 {
  font-size: 24rpx;
  transform: scale(0.83);
  // line-height: 28rpx;
}

@mixin fz18 {
  font-size: 24rpx;
  transform: scale(0.75);
  // line-height: 28rpx;
}

@mixin fz16 {
  font-size: 24rpx;
  transform: scale(0.667);
  // line-height: 28rpx;
}

@mixin abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@mixin abs-left {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

@mixin abs-right {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
